<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"/>
	<title>{% block title %}Stoffel Lefebvre • {% endblock %}</title>
	<script src="{{ asset('script/js/require.js') }}"></script>
	<script>
		requirejs.config({
			baseUrl:'{{ asset("script/js") }}',
			paths:{
				//
				//
				//Comment out this line to go back to loading
				//the non-optimized main.js source file.
				"main": "main-built"
			}
		}
		);
		require(['main'], function () {
			//
			// chargement spécifique en fonction du template
			require(['{{ js }}'],function(Page){Page()});
		});
	</script>
	
	{% block stylesheets %}
		<link href="{{ asset('css/main.css') }}" type="text/css" rel="stylesheet" />
	{% endblock %}
</head>
	
<body>
		
	<div id="wrapper">
		<header>
			<h1><a href="{{ path('sl_front_homepage') }}">STOFFEL LEFEBVRE <strong>ARCHITECTURE</strong></a></h1>
			<ul>
				<li {% if menu ==  "agency" %} class="selected" {% endif %}><a href="{{ path('sl_front_agence') }}">agence</a></li>
				<li {% if menu ==  "projects" %} class="selected" {% endif %}><a href="{{ path('sl_front_indexprojet') }}">projets</a></li>
				<li {% if menu ==  "press" %} class="selected" {% endif %}><a href="{{ path('sl_front_indexpresse') }}">presse</a></li>
				<li {% if menu ==  "contact" %} class="selected" {% endif %}><a href="{{ path('sl_front_contact') }}">contact</a></li>
			</ul>
		</header>
		
		<div id="main" class="template-{{ template }}">
			{% block body %}
			{% endblock %}
		</div>
	</div>
</body>
</html>